@use '_dont-use';
@use './common/_dont-use.scss' as c-dont-use;
@use '@/css/_dont-use-3.scss';
@use 'dont-use-4';

.my-table {
    .ant-table-container{
        height: calc(100vh - 300px);
        overflow: auto;
        color: dont-use.$background-color2;
        div.ant-table-body{
            height: calc(100vh - 360px);
            overflow: auto;
            color: c-dont-use.$background-color2;
        }
    }
}

.xxx{
    color: dont-use-4.$variable4;
    // color: dont-use-4.$variable4-4;
}

// @use "_dont-use-2.css"; // @use 只能写在文件头
@import "_dont-use-2.css";
@import "dont-use.scss";
%message-shared {
    border: 1px solid #ccc;
    padding: 10px;
    color: #333;
  }
  
  // This CSS won't print because %equal-heights is never extended.
  %equal-heights {
    display: flex;
    flex-wrap: wrap;
  }
  
  .message {
    @extend %message-shared;
  }
  
  .success {
    @extend %message-shared;
    border-color: green;
  }
  
  .error {
    @extend %message-shared;
    border-color: red;
  }
  
  .warning {
    @extend %message-shared;
    border-color: yellow;
  }